// 子组件nav
.service_nav{
  margin-top: 10px;
  display: flex;
  justify-content: space-around;
  text-align: center;
  font-size: 24px;
  box-shadow: 0px 0px 20px 0px rgba(95, 151, 227, 0.3);
  .service_nav_item{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 134px;
    img {
      margin: 0 auto;
      width: 45px;
      height: 55px;
    }
  }
}

//子组件详情
.service_info{
  padding: 66px 0;
  height: 560px;
  background: #fff;
  .info_tit{
    margin: 0 auto;
    width: 300px;
    text-align: center;
    font-size: 32px;
    line-height: 44px;
    & span:nth-child(1){
      display: block;
      font-weight: 700;
    }
    & span:nth-child(2){
      font-size: 24px;
      color: #5A5A5A;
    }
  }
  .info_list{
    //margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    .info_items{
      margin-top: 40px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      text-align: center;
      width: 33%;
      height: 140px;
      font-size: 24px;
      img {
        margin: 0 auto;
        width: 104px;
        height: 86px;
      }
    }

  }
}

//子组件优势组件
.service_advantage{
  .advantage_tit{
    padding-top: 35px;
    height: 108px;
    color: #454545;
    font-size: 34px;
    background: #f4f5f8;
    img {
      margin: 0 28px 0 44px;
      width: 5px;
      height: 37px;
      border-radius: 2px;
      vertical-align: middle;
    }
  }
  .advantage_list{
    padding: 0 46px 46px 46px;
    .advantage_item{
      display: flex;
      margin-top: 40px;
      padding: 29px 0;
      height: 240px;
      box-shadow: 0px 0px 26px 0px rgba(98, 161, 193, 0.21);
      border-radius: 10px;
      .advantage_item_fl{
        margin-right: 20px;
        padding: 40px;
        height: 100%;
        img{
          width: 100%;
          height: 100%;
        }
      }
      .advantage_item_fr{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        font-size: 26px;
        color: #3F3F3F;
        h2{
          font-weight: 700;
          font-size: 28px;
        }
        p {
          line-height: 44px;
          width: 360px;
        }
      }
    }
  }
}

// 开发流程
.service_process{
  //height: 1100px;
  .process_tit{
    padding-top: 35px;
    height: 108px;
    color: #454545;
    font-size: 34px;
    background: #f4f5f8;
    img {
      margin: 0 28px 0 44px;
      width: 5px;
      height: 37px;
      border-radius: 2px;
      vertical-align: middle;
    }
  }
  .serprocess_list{
    padding: 60px 0 60px 68px;
    .serprocess_item{
      padding: 10px 0;
      display: flex;
      .serprocess_item_fl{
        position: relative;
        margin-right: 40px;
        width: 79px;
        height: 172px;
        img {
          width: 100%;
          height: 100%;
        }
         span {
           position: absolute;
           bottom: 50%;
           left: 50%;
           font-size: 52px;
           color: #fff;
           transform: translate(-50%, 50%);
         }
      }
      .serprocess_item_fr{
        width: 500px;
        line-height: 44px;
        font-size: 26px;
        color: #696969;
        h2 {
          margin: 20px 0;
          color: #3F3F3F;
          font-size: 28px;
          font-weight: 700;
        }
      }
    }
  }
}